<ion-header>
    <ion-toolbar content-page  class="fir-toolbar">
        <ion-title>
            设置
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content>
    <div class="main-content" id="setting-main-container" #settingmaincontainer>
        <div class="panel-container panel-border" id="setting-option-panel" #settingoptionpanel>
            <div class="main-panel">
                <div class="panel-item" (click)="showModifyHeadPortrait($event)">
                    <div>头像</div>
                    <div>
                        <img class="photo" *ngIf="avatorUrl" [src]="avatorUrl" alt="" onerror="onerror=null;src='./assets/images/common/icon_headportrait_default.png'">
                        <img class="arrow" src="./assets/images/me/setting_arrow.png">
                    </div>
                </div>
                <div class="panel-item" (click)="goModifyNickNamePage()">
                    <div class="nick-name">昵称</div>
                    <div class="nick-name-value"><span>{{nickName}}</span><img class="arrow"  src="./assets/images/me/setting_arrow.png"></div>
                </div>

                <div class="panel-item" (click)="goDetailPage('GraphicUnlockSettingPage')">
                    <div>手势密码</div>
                    <div><span>{{graphicLockTitle}}</span><img class="arrow" src="./assets/images/me/setting_arrow.png"></div>
                </div>
                <div *ngIf="fingerprintSettingVisible" class="panel-item"
                     (click)="goDetailPage('FingerprintSettingPage')">
                    <div>指纹解锁</div>
                    <div><span>{{fingerprintSettingTitle}}</span><img class="arrow" src="./assets/images/me/setting_arrow.png"></div>
                </div>

                <!--<div class="panel-item" *ngIf="isCordova()" (click)="clearCache()">-->
                    <!--<div>清除缓存</div>-->
                <!--</div>-->
            </div>
            <div class="other-panel">
                <!--<div class="panel-item" (click)="goDetailPage('AboutUsPage')">-->
                    <!--<div>隐私政策</div>-->
                    <!--<div><img class="arrow" src="./assets/images/me/setting_arrow.png"></div>-->
                <!--</div>-->
                <!--*ngIf="fingerprintSettingVisible"-->
                <div class="panel-item">
                    <div>应用程序版本({{version}})</div>
                    <div class="versiosn" (click)="checkNewstVersion()">检查更新</div>
                </div>
            </div>

        </div>

        <div class="logo-image" id="setting-logo-image" #settinglogoimage>
            <img src="./assets/images/me/logo_zhonghong.png">
        </div>
    </div>
</ion-content>
